<template>
  <div id="css_main">
    <css11 v-if="value === 1"></css11>
    <css12 v-if="value === 2"></css12>
    <css13 v-if="value === 3"></css13>
    <css14 v-if="value === 4"></css14>
    <css15 v-if="value === 5"></css15>
    <css16 v-if="value === 6"></css16>
    <css17 v-if="value === 7"></css17>
    <css18 v-if="value === 8"></css18>
    <css19 v-if="value === 9"></css19>
    <css110 v-if="value === 10"></css110>
  </div>
</template>

<script>
import css11 from "../views/2_1";
import css12 from "../views/2_2";
import css13 from "../views/2_3";
import css14 from "../views/2_4";
import css15 from "../views/2_5";
import css16 from "../views/2_6";
import css17 from "../views/2_7";
import css18 from "../views/2_8";
import css19 from "../views/2_9";
import css110 from "../views/2_10";

export default {
  props: {
    value: Number,
  },
  components: {
    css11,
    css12,
    css13,
    css14,
    css15,
    css16,
    css17,
    css18,
    css19,
    css110,
  },
};
</script>

<style>
</style>